import React, { memo } from 'react'
import style from './index.module.scss'
import { useNavigate } from 'react-router'
const Index:React.FC = memo( () => {
  const navigate = useNavigate()
  return (
    <div>
        <div className={style.xiang} onClick={()=>{navigate('/yhxq')}}>
           <p className={style.hi}>- 专享优惠 -</p>
            <div className={style.sj} >
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/5.jpg" alt="" /></dt>
                  <dd>
                    <h4>三甲快问图文咨询</h4>
                    <p>有效期内免费2次</p>
                  </dd>
                </dl>
            </div>
             <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/5-02.jpg" alt="" /></dt>
                  <dd>
                    <h4>图文咨询折扣</h4>
                    <p>8.8折 优惠不限次</p>
                  </dd>
                </dl>
            </div>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/5-03.jpg" alt="" /></dt>
                  <dd>
                    <h4>电话咨询折扣</h4>
                    <p>8.8折 优惠不限次</p>
                  </dd>
                </dl>
            </div>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/5-04.jpg" alt="" /></dt>
                  <dd>
                    <h4>商城会员价</h4>
                    <p>商城、购药专享价</p>
                  </dd>
                </dl>
            </div>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/5-05.jpg" alt="" /></dt>
                  <dd>
                    <h4>运费劵</h4>
                    <p>每月1张省￥12</p>
                  </dd>
                </dl>
            </div>
        </div>

        <br /><br /><br />
        <div className={style.xiang1}>
           <p className={style.hi}>- 健康服务 -</p>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6.jpg" alt="" /></dt>
                  <dd>
                    <h4>专属健康顾问</h4>
                    <p>1v1健康管理全程陪伴</p>
                  </dd>
                </dl>
            </div>
             <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-02.jpg" alt="" /></dt>
                  <dd>
                    <h4>终身电子健康档案</h4>
                    <p>专人精心维护</p>
                  </dd>
                </dl>
            </div>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-03.jpg" alt="" /></dt>
                  <dd>
                    <h4>健康咨询</h4>
                    <p>全科家庭医生 疾病日常管理</p>
                  </dd>
                </dl>
            </div>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-04.jpg" alt="" /></dt>
                  <dd>
                    <h4>健康管理</h4>
                    <p>跟踪健康问题 定期随访</p>
                  </dd>
                </dl>
            </div>
        </div>


        <div className={style.xiang2} >
           <p className={style.hi}>- 尊享服务 -</p>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-05.jpg" alt="" /></dt>
                  <dd>
                    <h4>就医绿色通道</h4>
                    <p>专家面诊、住院手术</p>
                  </dd>
                </dl>
            </div>
             <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-06.jpg" alt="" /></dt>
                  <dd>
                    <h4>血压管理服务</h4>
                    <p>只能血压计+科学管理</p>
                  </dd>
                </dl>
            </div>
        </div>

        <div className={style.xiang3}>
           <p className={style.hi}>- 尊享服务 -</p>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-07.jpg" alt="" /></dt>
                  <dd>
                    <h4>专家讲堂</h4>
                    <p>每月1场</p>
                  </dd>
                </dl>
            </div>
             
             <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
               <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-08.jpg" alt="" /></dt>
                  <dd>
                    <h4>健康科普定制推送</h4>
                   <p>原价680元/年</p>
                  </dd>
                </dl>
                    
            </div>
            <div className={style.sj} onClick={()=>{navigate('/yhxq')}}>
                <dl>
                  <dt><img style={{width:'30%',height:'30%'}} src="./img/6-09.jpg" alt="" /></dt>
                  <dd>
                    <h4>育儿知识课堂</h4>
                    <p>原价680元/年</p>
                  </dd>
                </dl>
            </div>
        </div>
    </div>
    
  )
})

export default Index
